@import "var";
@import "../mixins/mixins";

.v-modal-enter {
    animation: v-modal-in .2s ease;
}

.v-modal-leave {
    animation: v-modal-out .2s ease forwards;
}

@keyframes v-modal-in {
    0% {
        opacity: 0;
    }
    100% {
    }
}

@keyframes v-modal-out {
    0% {
    }
    100% {
        opacity: 0;
    }
}

.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: $--popup-modal-opacity;
    background: $--popup-modal-background-color;
}

@include b(popup-parent) {
    @include m(hidden) {
        overflow: hidden;
    }
}
